/**
 * Copyright 2025 Beijing Volcano Engine Technology Co., Ltd. All Rights Reserved.
 * SPDX-license-identifier: BSD-3-Clause
 */

import Header from "@/components/Header";
import ResizeWrapper from "@/components/ResizeWrapper";

import utils from "@/utils/utils";
import MainArea from "./MainArea";
import styles from "./index.module.less";
import { Flex } from "react-vant";

export default function () {
  return (
    <ResizeWrapper className={styles.container}>
      <Header show={"isstudy"} />
      <div
        className={styles.main}
        style={{
          padding: utils.isMobile() ? "" : "24px 124px",
          flex: 1,
          overflow: 'hidden'
        }}
      >
        <div
          className={`${styles.mainArea} ${
            utils.isMobile() ? styles.isMobile : ""
          }`}
          style={{ display: "flex", flexDirection: "column", overflow: 'hidden' }}
        >
          <MainArea />
        </div>
      </div>
    </ResizeWrapper>
  );
}
